<%--
  Created by IntelliJ IDEA.
  User: mjones
  Date: Apr 12, 2010
  Time: 2:23:21 PM
  To change this template use File | Settings | File Templates.
--%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>UH Dorm Energy Competition: My Page</title>
  <yui:stylesheet dir="reset-fonts-grids" file="reset-fonts-grids.css"/>
  <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}"/>
  <modalbox:modalIncludes/>
  <gui:resources components="['menu']"/>
</head>
<body class="yui-skin-sam">
<div class="yui-skin-sam">
<div id="doc4" class="yui-t1">

  <div id="hd" role="banner"><h2><img class="uhlogo" src="/uhdormenergy/images/uhdormlogo.gif"/> UH Dorm Energy Competition</h2></div>
  <g:isLoggedIn>
    <g:link controller="logout"><p class="login">>>Logout</p></g:link>
  </g:isLoggedIn>
  <g:isNotLoggedIn>
    <g:link controller="login"><p class="login">>>Login</p></g:link>
  </g:isNotLoggedIn>
  <gui:menubar id='myInnerMenubar8' renderTo='innerMenu8'>
    <gui:menuitem url='/uhdormenergy/home'>Home</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/resources'>Resources</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/energyData'>Energy Data</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/kukuiCup'>Kukui Cup</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/about'>About</gui:menuitem>
    <gui:menuitem url="/uhdormenergy/myPage">My Page</gui:menuitem>
  </gui:menubar>
  <gui:menubar id='myInnerMenubar9' renderTo='innerMenu9'>
    <gui:menuitem url='/uhdormenergy/myPage/myActivities'>Manage Activities</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/myPage/myCommitments'>Manage Commitments</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/myPage/myGoals'>Manage Goals</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/myPage/myEnergy'>My Energy Usage</gui:menuitem>
  </gui:menubar>
  <br>

  <div id="bd" role="main">

    <div id="yui-main">
      <div class="yui-b"><div class="yui-gc">
        <div role="application" class="yui-u first">

          <div class="outerbox">
            <div class="middlebox">
              <div class="innerbox">
                <div class="contentbox">
                  My Activities
                  <div class="list">
                    <table>
                      <thead>
                      <tr>
                        <td>Activity</td>
                        <td>Kukui Nuts</td>
                      </tr>
                      </thead>
                      <tbody>

                      <g:each in="${activitySelected}" status="i" var="activityInstance">
                        <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
                          <td><modalbox:createLink controller="myPage" action="showActivity" id="${activityInstance.id}" title="Activity Details" width="500">${fieldValue(bean: activityInstance, field: "activity.title")}</modalbox:createLink></td>
                          <td>${activityInstance.activity.kukuiNuts}</td>
                        </tr>
                      </g:each>

                      </tbody>
                    </table>
                  </div> <%-- end div class list--%>
                </div> <%-- end contentbox div--%>
              <!-- YOUR DATA GOES HERE -->
                <div class="contentbox">
                  My Commitments
                </div>
              </div> <%-- end innerbox div --%>
            </div> <%-- end middlebox div--%>
          </div> <%-- end outerbox div--%>
        </div>
        <div role="complementary" class="yui-u">

          <div class="outerbox">
            <div class="middlebox">
              <div class="innerbox">
                <div class="contentbox">
                  <p>Placeholder for current power component</p>
                </div> <%-- end contentbox div--%>


              <!-- YOUR DATA GOES HERE -->

              </div> <%-- end innerbox div --%>

            </div> <%-- end middlebox div--%>

            <div class="middlebox">
              <div class="innerbox">
                <div class="contentbox">
                  <p>Placeholder for total power component</p>
                </div> <%-- end contentbox div--%>


              <!-- YOUR DATA GOES HERE -->

              </div> <%-- end innerbox div --%>

            </div> <%-- end middlebox div--%>

            <div class="middlebox">
              <div class="innerbox">
                <div class="contentbox">
                  <p>Placeholder for ranking component</p>
                </div> <%-- end contentbox div--%>


              <!-- YOUR DATA GOES HERE -->

              </div> <%-- end innerbox div --%>

            </div> <%-- end middlebox div--%>
          </div> <%-- end outerbox div--%>
        </div>
      </div>
      </div>
    </div>
    <div class="yui-b">
      <div class="outerbox">
        <div class="middlebox">
          <div class="innerbox">
            <div class="contentbox">

              <p>Profile</p>

              <img class="profilepic" src="${createLink(controller: 'myPage', action: 'image_r')}"/>
              <modalbox:createLink controller="myPage" action="updateProfilePIc" title="Update Profile Picture" width="500"><p class="link">Update Profile Pic</p></modalbox:createLink>
              <p class="profileText">${userDetail?.userFirstName} ${userDetail?.userLastName}</p>
              <br>
              <p class="profileText">Building: ${userDetail?.building}</p>
              <p class="profileText">Floor: ${userDetail?.floor}</p>
              <br>
              <p class="profileText">Kukui Nuts</p>
              <p class="profileText">${kukuiNutsTotal}</p>
              <!-- YOUR NAVIGATION GOES HERE -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="ft" role="contentinfo"></div>
  </div>
  </div>
</body>
</html>
